<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情</title>
</head>

<body>
    <div class="main">
        <!-- 视频区域 -->
        <div class="video-box">
            <h4 id="back">&lt;</h4>
            <a href="./play.html" class="play-btn">
                <span class="iconfont icon-bofang"></span>
                <i>视频预览</i>
            </a>
        </div>
        <!-- 标题区域 -->
        <div class="title">
            <h3 id="cur_title">--</h3>
            <div class="time-box">
                <p><span id="heat">xx</span><i>千卡</i></p>
                <p><span id="min">xx</span><i>分钟</i></p>
                <a href="javascript:;">99.99w人练过&gt;</a>
            </div>
        </div>
        <!-- 用户信息 -->
        <div class="user">
            <div class="boxs">
                <div class="img-box"></div>
                <div class="name">
                    <h4>用户名</h4>
                    <p>三线达人课程训练师</p>
                </div>
            </div>
            <a href="javascript:;" class="btn">+关注</a>
        </div>
        <!-- 课程介绍 -->
        <div class="referral">
            <p>
                <span class="intro">--</span>
                <a href="javascript:;">更多</a>
            </p>
        </div>
        <!-- 注意点 提示点 -->
        <div class="hint">
            <div>
                <span class="iconfont icon-fuwuqi1"></span>
                <i>练习频次</i>
                <p>每周3-5次</p>
            </div>
            <div>
                <span class="iconfont icon--gangling"></span>
                <i>器械</i>
                <p>无</p>
            </div>
        </div>
        <div class="start">
            <a href="./play.html">开始训练</a>
        </div>
    </div>
</body>

</html>
